<template>
	<!-- 快速工单条目 -->
	<view class="order-item" @click="itemClick">
		<view class="item-line">单号：<text>{{order.orderNo}}</text></view>
		<u-line></u-line>
		<view class="item-line">设备：<text>{{order.deviceName}}</text></view>
		<view class="item-line">MAC：<text>{{order.deviceMac}}</text></view>
		<view class="item-line">描述：<text>{{order.deviceFault}}</text></view>
		<u-line></u-line>
		<view class="item-footer" ><u-button size="mini" style="width: 100rpx;">待回复</u-button></view>
	</view>
</template>

<script>
	export default{
		data(){
			return{}
		},
		props:{
			order:{
				type:Object,
				default:()=>{}
			}
		},
		methods:{
			itemClick(){
				this.$emit('itemClick')
			}
		}
	}
</script>

<style scoped lang="scss">
	.order-item{
		display: flex;
		flex-direction: column;
		.item-line{
			display: flex;
			flex-direction: row;
		}
		.item-footer{
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
		}
	}
</style>
